#include("./header.html")
#@header("default")

#articlePage(pageSize=10, orderBy="order_number desc, created desc")
<main class="py-4 py-lg-5">
    <div class="container">
        <div class="row justify-content-lg-center">
            <div class="col-12 col-lg-9">
                #if(option("livingCoral_slide1_show"))
                <div class="pushes-list row row-sm mb-5">
                    <div class="item col-12 col-sm-6 mb-2 mb-sm-0">
                        <div class="media shadow-2x">
                            <a class="media-content" href="#option('livingCoral_slide1_url')" target="_blank" title="#option('livingCoral_slide1_title')"
                               style="background-image:url(#(CPATH)#option('livingCoral_slide1','/templates/LivingCoral/static/images/livingCoral_slide1.jpg'))">
                                <div class="media-hover"></div>
                                <div class="title h5 text-center px-3"><span class=" h-2x">#option('livingCoral_slide1_title')</span>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6">
                        <div class="row row-sm mb-2 mb-md-3">
                            <div class="item col-6">
                                <div class="media shadow-2x">
                                    <a class="media-content" href="#option('livingCoral_slide2_url')" target="_blank"
                                       title="#option('livingCoral_slide2_title')"
                                       style="background-image:url(#(CPATH)#option('livingCoral_slide2','/templates/LivingCoral/static/images/livingCoral_slide2.jpg'))">
                                        <div class="media-hover"></div>
                                        <div class="title h6 text-center px-3"><span class=" h-2x">#option('livingCoral_slide2_title')</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="item col-6">
                                <div class="media shadow-2x">
                                    <a class="media-content" href="#option('livingCoral_slide3_url')" target="_blank" title="#option('livingCoral_slide3_title')"
                                       style="background-image:url(#(CPATH)#option('livingCoral_slide3','/templates/LivingCoral/static/images/livingCoral_slide3.jpg'))">
                                        <div class="media-hover"></div>
                                        <div class="title h6 text-center px-3"><span
                                                class=" h-2x">#option('livingCoral_slide3_title')</span></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="row row-sm">
                            <div class="item col-6">
                                <div class="media shadow-2x">
                                    <a class="media-content" href="#option('livingCoral_slide4_url')" target="_blank" title="#option('livingCoral_slide4_title')"
                                       style="background-image:url(#(CPATH)#option('livingCoral_slide4','/templates/LivingCoral/static/images/livingCoral_slide4.jpg'))">
                                        <div class="media-hover"></div>
                                        <div class="title h6 text-center px-3"><span class=" h-2x">#option('livingCoral_slide4_title')</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="item col-6">
                                <div class="media shadow-2x">
                                    <a class="media-content" href="#option('livingCoral_slide5_url')" target="_blank" title="#option('livingCoral_slide5_title')"
                                       style="background-image:url(#(CPATH)#option('livingCoral_slide5','/templates/LivingCoral/static/images/livingCoral_slide5.jpg'))">
                                        <div class="media-hover"></div>
                                        <div class="title h6 text-center px-3"><span class=" h-2x">#option('livingCoral_slide5_title')</span></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                #end
                <section class="post-list list-grid list-bordered my-n4">
                    #for(article : articlePage.list)
                    <div class="list-item block item-regular post type-post status-publish format-standard has-post-thumbnail sticky hentry category-trip special-rzcs">
                        <div class="list-content py-lg-2">
                            <div class="list-body ">
                                <div class="text-lg h-2x">
                                    <a href="#(article.url ??)" class="list-title" title="#(article.url ??)">#(article.title ??)</a>
                                </div>
                                <div class="d-none d-md-block text-sm text-muted mt-3">
<!--                                    <div class="h-3x">#maxLength(article.text,115)……</div>-->
                                    <a class="text-muted" href="#(article.url ??)"
                                       target="_blank">#maxLength(article.text,115)...</a>
                                </div>
                            </div>
                            <div class="list-footer d-flex">
                                <div class="text-xs text-muted">
                                    #articleCategories(article.id,"category")
                                    #for(category : categories)
                                    <span class="d-inline-block">
                                        <a class="text-muted" href="#(category.url ??)" target="_blank">#(category.title ??)</a>
                                    </span>
                                    <i class="text-primary px-2">&bull;</i>
                                    #end
                                    #end
                                    <span class="d-inline-block"> #date(article.created, "yyyy-MM-dd")</span>
                                    <i class="text-primary px-2">&bull;</i>
                                    <span class="d-inline-block">
                                        <a class="text-muted" href="#(article.url ??)"
                                           target="_blank">#(article.view_count ??) 次阅读</a>
                                    </span>
                                </div>
                                <div class="ml-auto text-xs text-muted ">
                                    <span class="d-inline-block text-primary px-2" data-toggle="tooltip"
                                          data-placement="top" title="置顶">
                                        #if(article.order_number > 10)
                                        <i  class="text-lg iconfont icon-arrowhead-up-outline"></i>
                                        #end
                                    </span></div>
                            </div>
                        </div>
                        #if(article.thumbnail != null)
                        <div class="list-image col-3">
                            <div class="media shadow">
                                <a href="#(article.url ??)" class="media-content"
                                   style="background-image:url('#(article.thumbnail ??)">
                                </a>
                            </div>
                        </div>
                        #end
                    </div>
                    #end

                </section>

                <nav class="navigation pagination" role="navigation">
                    <h2 class="screen-reader-text">文章导航</h2>
                    <div class="nav-links">
                        #articlePaginate(firstGotoIndex=true, activeClass="current")
                        #for(page : pages)
                            #if(page.text != "上一页" && page.text != "下一页")
                            <a class="page-numbers #(page.style)" href="#(page.url ??)">#(page.text ??)</a>
                            #end
                            #if(page.text == "下一页" && page.url != "javascript:;")
                            <a class="next page-numbers" href="#(page.url ??)">
                            <i class="iconfont icon-arrow-ios-forward-ou"></i></a>
                            #end
                        #end
                        #end

                    </div>
                </nav>

            </div>
        </div>
    </div>
</main>
#end
#include("./footer.html")
#@footer("home")